<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: Page Size - Handling Page Size</title>
<link rel="author" title="Tom Clancy" href="mailto:tclancy@revenution.com"/>
<link rel="help" href="http://www.w3.org/TR/css3-page/#page-size"/>
<meta name="flags" content="paged" />
<meta name="assert" content="If two &lt;length&gt; values are specified for the 'size' property, the first value sets the width of the page box and the second value sets the height" />
<style type="text/css">
	@page {
		size: 3in 5in;
		margin: 0.5in;
	}
	@page sideways {
		size: 5in 3in;
		margin: 0.5in;
	}
	html, body {
		background: aqua;
	}
	div {page: sideways}
</style>
</head>
<body>
	<p>This test will produce two pages of output. The content on this page should appear in a blue box 2 inches wide and 4 inches high.</p>
	<div>This page must be printed in landscape orientation. The longer edges of the page are horizontal. The content on this page should appear in a blue box 4 inches wide and 2 inches high.</div>
</body>
</html>